<!-- eslint-disable vue/multi-word-component-names -->
<script setup lang='ts'>
import { ref } from 'vue';
import { goto } from '@/utils/validate'

const value = ref('');

</script>

<template>

  <div class="p-3">
    <van-search v-model="value" placeholder="请输入搜索关键词" class="border-lg" />
    <div class="my-3 text-right">
      <van-button type="primary" @click="goto('')"><span class="px-2">新建领料单</span></van-button>
    </div>
    <div class="bg-white p-3 border-lg">
      <div class="text-right pb-2 font-bold">
        订单编号：XY-123
      </div>
      <div class="text-slate-500 text-sm">
        产品工号：100200176 <br>
        产品名称：印度 <br>
        部件名称：前大梁 <br>
        状态：待审批 <br>
        机号：5# <br>
        图号：GYDE-2-3 <br>
        件号：1/2 <br>
        数量：168 <br>
        下单时间：2024-03-27 14:04:24 <br>
      </div>
      <div class="text-right ">
        <van-button round type="primary"><span class="px-2">详情</span></van-button>
      </div>
    </div>
    <div class="bg-white p-3 mt-3 border-lg">
      <div class="text-right pb-2 font-bold">
        订单编号：XY-456
      </div>
      <div class="text-slate-500 text-sm">
        产品工号：100200176 <br>
        产品名称：印度 <br>
        部件名称：前大梁 <br>
        状态：待审批 <br>
        机号：5# <br>
        图号：GYDE-2-3 <br>
        件号：1/2 <br>
        数量：168 <br>
        下单时间：2024-03-27 14:04:24 <br>
      </div>
      <div class="text-right ">
        <van-button round type="primary"><span class="px-2">详情</span></van-button>
      </div>
    </div>
  </div>
</template>

<style scoped></style>